﻿<phone:PhoneApplicationPage
    x:Class="IkeCode.WP7.HQReader.Views.FeedPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:controls="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls"
	xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
	xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
	xmlns:ignore="http://www.ignore.com"
    xmlns:Toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"
    xmlns:Converters="clr-namespace:IkeCode.WP7.HQReader.Base.Converters;assembly=IkeCode.WP7.HQReader"
    xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"
    mc:Ignorable="d ignore"
    d:DesignWidth="480"
    d:DesignHeight="768"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="PortraitOrLandscape"
    Orientation="Portrait"
    shell:SystemTray.IsVisible="True"
    DataContext="{Binding Feed, Source={StaticResource Locator}}">
    <phone:PhoneApplicationPage.Resources>
        <Converters:ImageUriToCachedImage x:Key="ImageUriToCachedImage" />
    </phone:PhoneApplicationPage.Resources>
    <Grid x:Name="LayoutRoot"
          Background="Transparent">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>

        <!--TitlePanel contains the name of the application and page title-->
        <StackPanel x:Name="TitlePanel"
                    Grid.Row="0"
                    Margin="12,17,0,28">
            <TextBlock x:Name="ApplicationTitle"
                       Text="{Binding PagePrimaryTitle}"
                       Style="{StaticResource PhoneTextSmallStyle}" />
            <TextBlock x:Name="PageTitle"
                       Text="{Binding PageTitle}"
                       Margin="9,-7,0,0"
                       Style="{StaticResource PhoneTextTitle2Style}" />
        </StackPanel>

        <!--ContentPanel - place additional content here-->
        <Toolkit:WrapPanel Orientation="Horizontal" Grid.Row="1" Margin="12,0,12,0" x:Name="ContentPanel">
            <ContentControl Content="{Binding LoadingViewModel}" HorizontalContentAlignment="Stretch" Width="{Binding ElementName=ContentPanel, Path=ActualWidth}" MaxHeight="80" ContentTemplate="{StaticResource LoadingTemplate}"/>
            <ListBox ItemsSource="{Binding ListFeed}" Grid.Row="1">
                <ListBox.ItemsPanel>
                    <ItemsPanelTemplate>
                        <Toolkit:WrapPanel Orientation="Horizontal" />
                    </ItemsPanelTemplate>
                </ListBox.ItemsPanel>
                <ListBox.ItemTemplate>
                    <DataTemplate>
                        <StackPanel>
                            <TextBlock Text="{Binding Title}" MaxHeight="55" Style="{StaticResource PhoneTextNormalStyle}" TextWrapping="Wrap"/>
                            <Image Source="{Binding ImageUrl, Converter={StaticResource ImageUriToCachedImage}}" />
                            <!--<imagetools:AnimatedImage Source="{Binding ImageUrl, Converter={StaticResource ImageConverter}}"/>-->
                        </StackPanel>
                    </DataTemplate>
                </ListBox.ItemTemplate>
            </ListBox>
        </Toolkit:WrapPanel>
    </Grid>
</phone:PhoneApplicationPage>